<template>
    <div class="app-container home">
        <el-row :gutter="20">
            <el-col :sm="24" lg="24" style="padding-left:20px;font-family:微软雅黑;">
                <div>
                    <span style="padding-right:10px;font-size:15px;font-weight:bold;">保养名称：</span>
                    <span style="padding-right:55px;font-size:15px;">{{ upkeep.upkeepName }}</span>
                </div>
                <div>
                    <span style="padding-right:10px;font-size:15px;font-weight:bold;">设备名称：</span>
                    <span style="padding-right:55px;font-size:15px;">{{ upkeep.equipment.equipmentName }}</span>
                </div>
                <div>
                    <span style="padding-right:10px;font-size:15px;font-weight:bold;">设备附加名称：</span>
                    <span style="padding-right:55px;font-size:15px;">{{ upkeep.adjunct.adjunctName }}</span>
                </div>
                    <div>
                        <span style="padding-right:10px;font-size:15px;font-weight:bold;">设备描述</span>
                    <span style="padding-right:55px;font-size:15px;">{{ upkeep.description }}</span>
                    </div>
                   <div>
                    <span style="padding-right:10px;font-size:15px;font-weight:bold;">设备周期</span>
                    <span style="padding-right:55px;font-size:15px;">{{ upkeep.upkeepPeriod }}</span>
                   </div>
                   
                   <div>
                    <span style="padding-right:10px;font-size:15px;font-weight:bold;">设备价格</span>
                    <span style="padding-right:55px;font-size:15px;">{{ upkeep.upkeepPrice }}</span>
                   </div>
                   
                
                <div>
                    <span style="padding-right:10px;font-size:15px;font-weight:bold;">注意事项</span>
                    <span style="padding-right:55px;font-size:15px;">{{ upkeep.announcements }}</span>
                </div>
                <div>
                    <span style="padding-right:10px;font-size:15px;font-weight:bold;">保养内容</span>
                    <span style="padding-right:55px;font-size:15px;">{{ upkeep.upkeepContent }}</span>
                </div>
                   
               
            </el-col>
        
    </el-row>
    </div>
</template>
<script>
import {upkeepLists} from "@/api/upkeep/upkeep"
export default{
    name:"data",
    data(){
        return{
            upkeep:{
                
            }
        }
    },
    created(){
        const upkeepId=this.$route.params && this.$route.params.upkeepId
        this.upkeepList(upkeepId)
    },
    methods:{
        upkeepList(upkeepId){
            upkeepLists(upkeepId).then(response=>{
                this.upkeep=response.data
            })
        }
    }
}
</script>